<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="WT.cid" content="">
    <meta name="WT.av" content="">
    <meta name="WT.mobile" content="18260127042">
    <!--插码--><meta name="phone" content="18260127042"><!--//插码-->
    <meta name="pageid" content="KD">
    <meta name="siteid" content="ZXTC">
    <meta name="phone" content="">
    <title>自选套餐_掌上营业厅_江苏移动</title>
    <link href="__TMPL__Public/assets/css/style2012_html5.css" rel="stylesheet" type="text/css">
    <link href="__TMPL__Public/assets/css/4gzxtc.css?1" rel="stylesheet" type="text/css">
    <link href="__TMPL__Public/assets/css/GJJGATMYDTYH.css" type="text/css" rel="stylesheet">
    <link href="__TMPL__Public/assets/css/css.css" type="text/css" rel="stylesheet">
    <link href="__TMPL__Public/assets/css/public-headerNew.css?1" rel="stylesheet" type="text/css">
    <link href="__TMPL__Public/assets/css/homeweb.css" rel="stylesheet" type="text/css">
    <link href="__TMPL__Public/assets/css/common.css" rel="stylesheet" type="text/css">
    <script language="javascript" type="text/javascript" src="__TMPL__Public/assets/js/jquery-1.7.1.min.js"></script>
    <script language="javascript" type="text/javascript" src="__TMPL__Public/assets/js/common.js"></script>
    <script language="javascript" type="text/javascript" src="__TMPL__Public/assets/js/jquery.pager.js"></script>
    <script language="javascript" type="text/javascript" src="__TMPL__Public/assets/js/swiper-3.3.1.min.js"></script>
    <script charset="UTF-8" language="javascript" src="__TMPL__Public/assets/js/jquery.url.js"></script>
    <script language="javascript" type="text/javascript" src="__TMPL__Public/assets/js/TouchSlide.1.1.js"></script>
    <style>        /*多业务*/
    .artical {            padding: 5px 0        }
    .artical p {            padding: 5px 10px 0;        }
    </style>
    <script type="text/javascript">
        $(document).ready(function(){
            $("Meta[name='WT.mobile']").prop("content",$("#mobile").val());	});
    </script>
</head>
<body>
<header class="header clearfix">
    <span class="title-ellipsis" id="touchBusiTopBar">流量查询充值系统</span>
    <a class="back" href="javascript:void(0);" onclick="history.go(-1)"></a>
    <!--<a class="r-icon r-icon1" href="http://wap.js.10086.cn/index.thtml">-->
        <!--<img src="__TMPL__Public/assets/images/header-icon-home.png">-->
    <!--</a>-->
</header>
<!--<div id="touchDZ">-->
<!--<div class="banner">-->
    <!--<a href="http://wap.js.10086.cn/GDTH.thtml">-->
        <!--<img src="__TMPL__Public/assets/images/bannerLLHB.png">-->
    <!--</a>-->
<!--</div>-->
<!--<div>-->

</div>

<div id="busiArea" class="gridMain">

<div id="pageletdiv">
    <section class="sbox">
        <div class="sbox-head">卡号：{$card_number}</div>
    </section>
    <section class="sbox">
        <div class="sbox-head">当前正在使用的套餐：</div>
        <div class="sbox-body ll-bx">
            <div class="slideBox">
                <div class="bd">
                    <div class="tempWrap" style="overflow:hidden; position:relative;"><div class="inner" id="phonedata" style="width: 600px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">

                        <div class="inner-1" style="display: table-cell; vertical-align: top; width: 300px;">
                            <label class="selitem" >
                                <input type="radio" value="2000003759-70" name="sel-ll" checked="checked">
                                <p class="hui-item"><span>月套餐</span><em>{$card.package_data_month}/月</em></p>
                                <input type="hidden" name="vlauehide" value="2G">
                            </label>
                            <if condition="!empty($card['package_data_add'])">
                            <label class="selitem"  style="line-height: 55px;width:30px;text-align: center">+</label>

                            <label class="selitem">
                                <input type="radio" value="2000003759-70" name="sel-ll" checked="checked">
                                <p class="hui-item"><span>增量包</span><em>{$card.package_data_add}</em></p>
                                <input type="hidden" name="vlauehide" value="2G">
                            </label>
                            </if>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>
<!--选择流量-->
<section class="sbox">
    <div class="sbox-head">月套餐：</div>
    <div class="sbox-body ll-bx">
        <div class="slideBox" id="slide-ll">
            <div class="bd">
                <div class="tempWrap" style="overflow:hidden; position:relative;">
                    <div class="inner"  style="width: 600px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">

                        <foreach name="month_list" key="mkey" item="vo">
                            <if condition="$mkey%3==0">
                                <div class="inner-<php> echo $mkey+1; </php>" style="display: table-cell; vertical-align: top; width: 300px;">
                            </if>
                            <label class="selitem" onclick="get_package('{$vo.package_id}','{$vo.pay_price}')">
                                <input type="radio"  name="sel-ll" checked="checked">
                                <p class="hui-item"><span>{$vo.package_title_data}</span><em>{$vo.package_title_price}</em></p>
                                <input type="hidden" name="vlauehide" value="2G">
                            </label>
                            <if condition="$mkey%2==0 && $mkey != 0">
                                </div>
                            </if>
                        </foreach>
                    </div>
                </div>
            </div>
            <div class="hd">
                <ul><li class="on">1</li><li class="">2</li></ul>
            </div>

        </div>
    </div>
</section>

    <section class="sbox">
        <div class="sbox-head">增量包：</div>
        <div class="sbox-body ll-bx">
            <div class="slideBox" id="slide-ll2">
                <div class="bd">
                    <div class="tempWrap" style="overflow:hidden; position:relative;"><div class="inner"  style="width: 600px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">

                        <foreach name="add_list" key="mkey" item="vo">
                            <if condition="$mkey%3==0">
                                <div class="inner-<php> echo $mkey+1; </php>" style="display: table-cell; vertical-align: top; width: 300px;">
                            </if>
                            <label class="selitem" onclick="get_package('{$vo.package_id}','{$vo.pay_price}')">
                                <input type="radio"  name="sel-ll" >
                                <p class="hui-item"><span>{$vo.package_title_data}</span><em>{$vo.package_title_price}</em></p>
                                <input type="hidden" name="vlauehide" value="2G">
                            </label>
                            <if condition="$mkey%2==0 && $mkey != 0">
                                 </div>
                             </if>
                        </foreach>


                    </div></div>
                </div>
                <div class="hd">
                    <ul><li class="on">1</li><li class="">2</li></ul>
                </div>

            </div>
        </div>
    </section>
<!--//选择流量-->
<input type="hidden" name="package_id" id="package_id" value="0"/>

<!--展示最终办理结果 end-->
</div>    <!--场景介绍 业务详情-->
    <script type="text/javascript">
        pub_tab(".tab-introduce li", ".intro-text", "click");
    </script>
<script type="text/javascript">
    $(".radio").on('click',function() {
        if(!($(this).hasClass('disabled'))){
            $(this).toggleClass('cur');
        }     });

    function get_package(package_id,pay_price){
        $("#nowzifei").html("资费:"+pay_price+"元")
        $("#package_id").val(package_id);
    }
    function pay(){
        var package_id = $("#package_id");
        location.href= "/wechat_pay/example/pay.php?package_id"+package_id;
    }
</script>
<footer class="footer-handle clearfix" id="footerbefore">
    <div class="footer-left">
        <p class="p1"><span id="nowzifei">0元</span></p>
    </div>
    <div class="footer-right" onclick="pay();">立即充值</div>
</footer>
             <!--弹框改页面 -->

<script type="text/javascript">
//    TouchSlide({ slideCell:"#slide-yy",titCell:".hd ul", mainCell:".bd .inner", effect:"left", delayTime:"500",interTime:"3000",autoPage:true,autoPlay:false });
    TouchSlide({ slideCell:"#slide-ll",titCell:".hd ul", mainCell:".bd .inner", effect:"left", delayTime:"500",interTime:"3000",autoPage:true,autoPlay:false});
TouchSlide({ slideCell:"#slide-ll2",titCell:".hd ul", mainCell:".bd .inner", effect:"left", delayTime:"500",interTime:"3000",autoPage:true,autoPlay:false});

</script>

</div></body></html>